<template>
   <div class="address-bd">
      <span class="iconfont icon-positioning"></span>
      <span class="address-text">{{address}}</span>
   </div>    
</template>

<script>

export default {
    name: 'DetailStrs',
    components: {
        
    },
    props: {
       address: {
           type: String,
           default: '加载中...'
       }
    }
}
</script>

<style lang="scss" scoped>
@import '~styles/variables.scss';
 .address-bd {
     display: flex;
     align-items: center;
     min-height: .44rem;
     padding: .1rem .15rem;
     background-color: #fff;
     box-sizing: border-box;

     .icon-positioning {
         font-size: .18rem;
         margin-right: .1rem;
         color: #999;
     }

     .address-text {
         font-size: .14rem;
         line-height: .18rem;
     }
 }

</style>
